@@include('./_header.html', {
"title": "QMUI Web Desktop - QMUI Web",
"currentPage": "app"
})
<div class="frame_sidebar" id="frame_sidebar">

    <div class="frame_sidebar_inner">

        <ul class="frame_sidebar_nav">
            <li class="frame_sidebar_nav_item js_sidebar_group">
                <a class="frame_sidebar_nav_link" href="#qui_overview">概况</a>
            </li>
            <li class="frame_sidebar_nav_item js_sidebar_group">
                <a class="frame_sidebar_nav_link" href="#qui_function">功能</a>
            </li>
            <li class="frame_sidebar_nav_item js_sidebar_group">
                <a class="frame_sidebar_nav_link" href="#qui_preview">界面预览</a>
            </li>
        </ul>

    </div>
</div>

<div class="frame_cnt">

    <!-- 概况 start -->
    <div class="dm_column">

        <h2 id="qui_overview" class="dm_column_title">概况</h2>

        <p class="dm_column_tip">QMUI Web Desktop 是一款基于 QMUI Web 的桌面 App，支持 macOS 和 Windows。它可以管理基于 QMUI Web 进行开发的项目，通过 GUI 界面处理 QMUI Web 的服务开启/关闭，并提供了编译提醒，出错提醒，进程关闭提醒等额外的功能。</p>

    </div>
    <!-- 概况 end -->

    <!-- 功能 start -->
    <div class="dm_column">

        <h2 id="qui_function" class="dm_column_title">功能</h2>

        <p class="dm_column_tip">QMUI Web Desktop 本质是一个管理 QMUI Web 项目的管理器，如果已经存在基于 QMUI Web 开发的项目，你可以直接把项目目录拖放到 App 上打开项目，也可以点击 App 底部工具栏的 + 号按钮打开项目。</p>

        <p class="dm_column_tip"><strong>添加项目需要选择项目根目录</strong>，关于 QMUI Web 的项目结构可以参考<a href="./start.html#qui_projectStructure">这里</a>。</p>

        <p class="dm_column_tip">你可以利用 QMUI Web Desktop 同时管理多个 QMUI Web 项目，除了可以调用 QMUI Web 原有的功能外，App 还提供了编译提醒，出错提醒，进程关闭提醒等额外的功能。</p>

    </div>
    <!-- 功能 end -->

    <!-- 界面预览 start -->
    <div class="dm_column">

        <h2 id="qui_function" class="dm_column_title">界面预览</h2>

        <p class="dm_column_tip">
            <img src="../public/style/images/independent/App.gif" width="516" alt="QMUI Web Desktop 效果图"/>
        </p>

    </div>
    <!-- 界面预览 end -->

</div><!-- content end -->

@@include('./_footer.html')
